<script setup lang="ts">
import { ref } from 'vue';

// 1. 如果是简单类型，推荐使用类型推导
// const money = ref(100)
// const money = ref<number>(100)

// const car = ref('宝马')
// const car = ref<string>('宝马')

// 2. 如果是复杂类型，推荐指定泛型
// 在实际开发中, 从接口获取的数据多数是比较复杂
// 一开始时, 定义的变量基本为空

// type Todo = {
//   id: string
//   title: string
//   finished: boolean
// }

// const todos = ref<Todo[]>([])

// setTimeout(() => {
//   todos.value = [
//     { id: '10001', title: '吃饭', finished: false },
//     { id: '10002', title: '睡觉', finished: false }
//   ]
// }, 2000)

// ---------------------
type MobileCode = {
  code: number
  message: string
  data: {
    code: string
  }
}

const obj = ref<MobileCode>({
  code: 1000,
  message: 'xxxx',
  data: {
    code: 'xxxxx'
  }
})

</script>

<template></template>

<style scoped></style>
